<template>
	<view>
		<scroll-view :scrollX="param.is_slide=='true'?'true':'false'">
        <view class="nav-icon-list flex-row" :style="{overflow:param.is_slide=='true'?'auto':'hidden',backgroundColor:param.backgroundColor}" v-if="param.nav_list&&param.nav_list.length>0">
            <view class="flex-row flex-grow-0" :style="{flexWrap:param.col>1?'wrap':'',width:'auto',maxWidth:'100%'}" v-for="(value,key) in param.nav_list" v-key="value.id">
                <view :class="['flex-grow-0 nav-icon', 'nav-icon-'+param.count>=5?5:param.count]" v-for="(item,index) in value" v-key="item.id">
                    <form @submit="$emit('_formIdSubmit',$event)" data-bind="navigatorClick" data-type="navigate" :data-url="item.open_type=='wxapp'?'':item.url" reportSubmit="true">
                        <button formType="submit" id="_formIdSubmit" class="_formIdSubmit">
                            <navigator :appId="item.appId" :data-open_type="item.open_type" :data-url="item.url" hoverClass="none" :openType="item.open_type=='wxapp'?'navigate':item.param.open_type" :path="item.path" :target="item.open_type=='wxapp'?'miniProgram':''">
                                <image lazyLoad="true" mode="aspectFill" :src="item.pic_url"></image>
                                <view>{{item.name}}</view>
                            </navigator>
                        </button>
                    </form>
                </view>
            </view>
        </view>
    </scroll-view>
	</view>
</template>

<script>var myVue = {};
	export default {
		props:['param'],
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped>

</style>
